<script setup lang="ts">
import Avatar from '../components/Avatar.vue'
import ColorPicker from '../components/ColorPicker.vue'
import FullScreen from '../components/FullScreen.vue'
import Setting from '../components/Setting.vue'
import Theme from '../components/Theme.vue'

defineOptions({
  name: 'RightPanel'
})
</script>

<template>
  <div class="right-panel">
    <Theme />
    <ColorPicker />
    <FullScreen />
    <Setting />
    <Avatar />
  </div>
</template>

<style scoped lang="scss">
.right-panel {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 5px;
}
</style>
